<script>
	export default {
		onLaunch: function() {
			console.log('App Launch')
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		}
	}
</script>

<style>
	.home{
			swiper{
				width: 750rpx;
				height: 380rpx;
				image{
					height: 100%;
					width: 100%;
				}
			}
			.nav {
				display: flex;
				.nav_item {
					width: 25%;
					text-align: center;
					view{
						width: 120rpx;
						height: 120rpx;
						background: $shop-color;
						border-radius: 60rpx;
						margin: 10px auto;
						line-height: 120rpx;
						color: #fff;
						font-size: 50rpx;
					}
					.icon-tupian{
						font-size: 45rpx;
					}
					text{
						font-size: 30rpx;
					}
				}
			}
			.hot_goods {
				background: #eee;
				overflow: hidden;
				margin-top: 10px;
				.tit{
					height: 50px;
					line-height: 50px;
					color: $shop-color;
					text-align: center;
					letter-spacing: 20px;
					background: #fff;
					margin: 7rpx 0;
				}
			}
			
		}
</style>
